<html >
<head >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta name="description" content="">
    <meta name="author" content="">
    <meta http-equiv="content-language" content="pt-br">
    <meta name="keywords" content="book, leitura, leitores, escritores, livros,"/>
     <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Scriptor - Expanda o seu universo literário</title>
<link rel="shortcut icon" type="image/png" href="@{'/public/images/icone.png'}" />

 	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
 		
 	<style>
 	body {
  padding-top: 50px;
  padding-bottom: 20px;
}
 	</style>
</head>

<body>
 <div class="navbar navbar-inverse navbar-fixed-top" >
  <div class="container" >
  <div class="navbar-header">
   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          </div>
 <div class="collapse navbar-collapse" >
 
        <ul class="nav navbar-nav navbar-right">
      
		            
		              <li class="active">
		             <form class="form-inline" action="@{Application.login()}" method="post">
		 
		  <p style="color: #AAAAAA; font-size: 10pt"><label class="control-label" for="inputSuccess4">Login:</label><input id="inputSuccess4" type="text"  class="form-control"  name="username" /><label class="control-label" for="inputSuccess3">Senha:</label> <input id="inputSuccess3" type="password"  class="form-control" name="password" />     <input class="btn btn-primary btn-lg" type="submit" value="Logar" />
		  <a   class="btn btn-primary btn-lg" href="@{Application.registrar()}">Registrar</a>
		 </p>
</form>
</li>
        </ul>
</div></div></div>
<br>
<center><div class="container">


<h1>Registro</h1>
  
    
#{form @saveUser(), enctype:'multipart/form-data'}
   
   
      <h3 class="subTituloContHome"> Foto do Perfil:</h3><img id="uploadPreview1" width='100' height='100' src="${usuario?.usu_ima}" /><br />
		<input id="uploadImage1" type="file" name="usuario.usu_ima" onchange="PreviewImage(1);" />  

 <br> <input class="form-control" placeholder="Nome Completo:" type="text" name="usuario.usu_nome_completo" size="16" value="${usuario?.usu_nome_completo}"> 
           
            <br> <input class="form-control" placeholder="Login:" type="text" name="usuario.usu_nome" size="16" value="${usuario?.usu_nome}"> 
              <span class="error">${erro}</span>
      
          <br> <input class="form-control" placeholder="Password:" type="password" name="usuario.usu_senha" size="16" value="${usuario?.usu_senha}"> 
           
     
           <br><input class="form-control" placeholder="Verificar password:" type="password" name="verifyPassword" size="16" value="${verifyPassword}"> 
        
		 <br><input class="form-control" type="text" placeholder="Email:" size="26" "${usuario?.usu_email}" name="usuario.usu_email"> <br>
    <p class="buttons">
        #{if me}
<h3>You're ${me.get("id")} on Facebook</h3>
<img src="${a}" />
${me.get("")}
<h3>You're ${me.get("picture")} on Facebook</h3>

#{/if}
#{else}

<a href="@{auth()}"><img src="@{'/public/images/lw_fb.12787.png'}" /></a>

#{/else} <input class="btn btn-primary"  type="submit" value="Registrar"> <a href="@{Application.index2()}">Cancelar</a>
    </p>
    #{/form}
   
    
    </div><center>
    
     <script type="text/javascript">
    function PreviewImage(no) {
        var oFReader = new FileReader();
        oFReader.readAsDataURL(document.getElementById("uploadImage"+no).files[0]);

        oFReader.onload = function (oFREvent) {
            document.getElementById("uploadPreview"+no).src = oFREvent.target.result;
        };
    }
</script>           
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
     <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    </body>
  
</html>